<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/login.css">
</head>

<body>
  <div class="banner"></div>
  <div class="login">
    <div class="login-swith">
      <img src="" alt="">
    </div>
    <div class="login-way-tip">扫码登录更安全</div>
    <div class="inner-box">
      <form action="">
      <div class="toggle-module">
        <!-- <span class="border.active">短信验证码登录</span> -->
        <span >账号密码登录</span>
        <div class="active-b"></div>
      </div>
      <div class="input-all">
        <div class="input-area">
          <div class="phone-box">
            <div class="phone-code">
              <!-- <span class="code-item">+86</span> -->
              <!-- <i class="icon-arrow-down"></i> -->
            </div>
            <input type="text" placeholder="请输入账号" class="input" id="username">
          </div>
        </div>
        <div class="code-box clearfix">
          <input type="text" password="false" placeholder="请输入密码"
          class="input" id="password">
          <!-- <div class="get-code-pc ellipsis">
            <span class="get">获取验证码</span>

            <span class="separator"></span>
          </div> -->
        </div>
      </div>
      <div class="check-box clearfix">
        <div class="auto-login">
          <!-- <div class="check">
            <img src="" alt="" >
          </div> -->
          <!-- <span>两周内自动登录</span> -->
        </div>
      </div>
      <button class="os-pc-btn">登录</button>
      <div class="register-button">注册vivo账号</div>
      <div class="other-way-login">
        <div class="o-title">
          其他方式登录
        </div>
      </div>
      <div class="icon-box clearfix">
        <div class="icon-item">
          <div class="img-weixin"></div>
        </div>
        <div class="icon-item">
          <div class="img-zhifubao"></div>
        </div>
        <div class="icon-item">
          <div class="img-weibo"></div>
        </div>
      </div>
    </form>
    </div>
  </div>
  <div class="foot">
    <div class="service">
      <a href="" class="to-service online-person">
        <img src="" alt="">
      <span>在线客服</span>
      </a>
      <a href="" class="to-service">
        <img src="" alt="" class="phone">
        <span class="hot-line">400-678-9688(24小时全国服务热线)</span>
      </a>
    </div>
    <div class="copyright">
      COPYRIGHT ©2011-2021 广东天宸网络科技有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号 
    </div>
  </div>

<script src="./js/login.js"></script>
</body>

</html>